
.siderCustom-page{
    .siderCustom-component{
        padding-top: 20px;
        height: 100%;
        .sider-header{
            width: 100%;
            line-height: 40px;
            padding: 4px 0 8px 0;
            padding-left: 10px;
            // background: #000033;
            color: #fff;
            font-size: 16px;
            // text-align: center;
            border-bottom: 1px solid #666;
            position: relative;
            .anticon-menu-unfold{
                margin-right: 5px;
                width: 20px;
                height: 20px;
            }
            .anticon-right{
                // margin-left: 25px;
                // width: 20px;
                // height: 10px;
                // svg{
                //     width: 20px;
                //     height: 20px;
                // }
                position: absolute;
                right: 15px;
                top: 50%;
                margin-top: -10px;
            }
            &:hover{
                background: #999 !important;
            }
        }
    }
    .ant-menu{
        // background: #000033 !important;
        // opacity: 0.7;
        .ant-menu-item{
            font-size: 16px;
            padding: 0 10px !important;
            &:hover{
                background: #999 !important;
            }
            .anticon{
                svg{
                    width: 20px;
                    height: 20px;
                }
            }
        }
    }
}
